﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<th:block th:include="frontInclude :: frontHeader"/>
<body class="wel-body">
<header class="headerbox pcbox" th:replace="frontInclude :: header_menu"></header>
<link rel="stylesheet" th:href="@{/css/bmap.css?v=v7}" type="text/css" media="all" charset="utf-8">
<div class="mbox" th:replace="frontInclude :: header_menu_mobile"></div>

<div class="con-banner">
    <div class="images pcbox"
         th:style="'background:url('+@{/img/banner3.jpg}+') no-repeat center;background-size: cover;'">
    </div>
    <img img class="mbox h500" th:src="@{/img/banner3.jpg}" alt="走进黑蝎">
    <div class="words">
        <div class="text w1280">
            <div class="tit-en tit-48 secwen">About us</div>
            <div class="tit-cn tit-36 secwen add1">走进黑蝎</div>
            <div class="line secwen add2"></div>
        </div>
    </div>
</div>
<div class="con-column secwen animate">
    <div class=" column-swiper w1280" data-s="7" data-l="6" data-m="3">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div th:each="item : ${currentChildren}"
                     th:class="@{${item.active!=null && item.active==1?'swiper-slide-active':''}+' swiper-slide'}"
                     style="width: 155.571px;">
                    <a th:href="${item.pageUrl}"
                       th:class="@{${item.active!=null && item.active==1?'active':''}+' items'}">
                        <div class="span" th:text="${item.menuName}">黑蝎简介</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="buts">
            <div class="swiper-button-prev swiper-button-disabled"></div>
            <div class="swiper-button-next swiper-button-disabled"></div>
        </div>
    </div>
</div>
<div class="i-layout layouts"
     th:style="'background:url('+@{/bocweb/web/img/jpg/i30.jpg}+') no-repeat center;background-size: cover;'">
    <div class=" lsyout-box" style="width: 98%;height: 100%;margin: 0 20px;">
        <div class="layout-tit secwen add1 w1280">
            <div class="tit fl">黑蝎业务布局</div>
<!--            <div class="buttons fr">-->
<!--                <a class="but active" href="layout.html">全国市场<span>></span></a>-->
<!--                <a class="but" href="overseas.html">全省市场<span>></span></a>-->
<!--            </div>-->
        </div>
        <div class="lsyout-images secwen lsyout-images2 w1280 animate" >
            <div class="img secwen add2 animate">
                <img class="ico-01" th:src="@{/img/heixie_zuji.png}" alt="国内市场">
            </div>
        </div>
    </div>
    <div class="z-span secwen animate">Business</div>
</div>
<div th:replace="frontInclude :: footer"></div>
</body>
</html>